<template>
  <div>
    <!-- 背景区 -->
    <div id="backgroundC" class="comWidget" style="display:none;background-color: #c0e8f9;">
      <img
        src="@/assets/ic_image.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>
    
    <!-- 图文区 -->
    <div id="imageC" class="comWidget" style="display:none;">
      <img
        src="@/assets/ic_image.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 主播区 -->
    <div id="anchorC" class="comWidget" style="display:none;">
      <img
        src="@/assets/live.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 综合区 -->
    <div id="videoC" class="comWidget" style="display:none;">
      <img
        src="@/assets/ic_complex.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 音频区 -->
    <div id="liveC" class="comWidget" style="display:none;">
      <img
        src="@/assets/ic_live.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 网页区 -->
    <div id="webC" class="comWidget" style="display:none;">
      <img
        src="@/assets/ic_web.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 计时区 -->
    <div id="timeC" class="comWidget" style="display:none;background-color: #000000">
      <div style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;color: #000000; overflow: hidden;text-align:center;white-space:nowrap;">
        <span></span>
      </div>
    </div>

    <!-- 时钟区 -->
    <div id="dateC" class="comWidget" style="display:none;background-color: #000000">
      <div style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;color: #000000; overflow: hidden;text-align:center;white-space:nowrap;">
        <span></span>
      </div>
    </div>

    <!-- 天气区 -->
    <div id="weatherC" class="comWidget" style="display:none;background-size:100% 100%;">
      <img src="@/assets/moban_en_weather.gif" style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;" />
    </div>

    <!-- 扩展区 -->
    <div id="formC" class="comWidget" style="display:none;">
      <img
        src="@/assets/ic_expand.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 滚动条 -->
    <div id="scollC" class="comWidget" style="display:none;">
      <img
        src="@/assets/scroll.png"
        style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;"
      />
    </div>

    <!-- 屏幕区 -->
    <div id="screenC" class="comWidget" style="display:none;">
      <img src="@/assets/images/screen.png" style="width:100%;height:100%;position:absolute;top:0; left:0;right: 0; bottom: 0;" />
    </div>
  </div>
</template>